<!DOCTYPE html>
<html>
<head>
    <title>Panahy Guitar Tabs</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
	<link rel="apple-touch-startup-image" href="startup.png" />
      <!-- For iPad -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://home.panahy.com/apple-touch-icon-72x72-precomposed.png">
    <!-- For iPhone 4 with high-resolution Retina display -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://home.panahy.com/apple-touch-icon-114x114-precomposed.png">
    <!-- For iOS 1- and Blackberry 6 -->
    <link rel="apple-touch-icon" href="http://home.panahy.com/apple-touch-icon.png">
    <!-- For pre-retina iPhone, iPod Touch, and Android 2.1+ devices -->
    <link rel="apple-touch-icon-precomposed" href="http://home.panahy.com/apple-touch-icon-precomposed.png">
    <!-- Startup image -->
    <link rel="apple-touch-startup-image" href="http://home.panahy.com/apple-touch-startup-image.png">
    		
    <link href="/css/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
	
	<script src="/js/vendor/jquery-1.8.1.min.js"></script>
    <script src="/js/vendor/kendo.mobilemin.js"></script>
    <script src="/js/vendor/kendo.listview.min.js"></script>
	
    <link href="/css/kendo.common.min.css" rel="stylesheet" />
    <link href="/css/kendo.mobile.all.min.css" rel="stylesheet" />

    <link href="/css/chords.css" rel="stylesheet" type="text/css" />
    
    <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

	<style>
	</style>
</head>
<body>
<div data-role="layout" data-id="overview-layout">
    <header data-role="header">
        <div data-role="navbar" id="pageHeader">
            <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
            <span data-role="view-title">Panahy Chords</span>
        </div>
    </header>
</div>

<div data-role="view" data-layout="overview-layout" id="songs-overview" data-title="Panahy Guitar Chords">
    <ul data-role="listview" data-style="inset" data-type="group">
        <li>
            Tabs
            <ul id="tabslist"> </ul>         
            PDF files   
            <ul id="pdfList"> </ul>
		</li>
    </ul>
</div>
<div data-role="view" data-layout="overview-layout" id="songs-chord" data-title="a current song">    
	<ul data-role="listview" data-style="inset" data-type="group">
    <li><span data-role="view-title">Panahy Chords</span>
        <ul><li>
   <div id="tabsContent" class="chords-section" dir="ltr">   </div>
        </li></ul>       
    </li></ul>	
</div>

<div id="template-items" style="display:none;">
    <li>
        <a data-role="listview-link" href="#" class="songName km-listview-link" ></a>
    </li>
    
</div>
    <script>
        window.kendoMobileApplication = new kendo.mobile.Application(document.body);				
    </script>
    
    <script src="songs.js"></script>
</body>
</html>
